﻿
.clearfix
{
    clear: both;
    float: none;
    display: block;
}
ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.box-wrapper
{
    width: 620px;
    font-size: 10px !important;
}
.box-wrapper label {
     font-size: 10px !important;
}
#panel-vision-profundidad, #panel-sensibilidad
{
    width: 40%;
}
#panel1
{
    width: 55%;
}
#panel-discrimina
{
    width: 40%;
}
#panel-campimetria
{
    width: 55%;
}
#panel-phorias
{
    width: 55%;
}
#panel-escalamiento
{
    width: 40%;
}
.box-decoration
{
    border: 1px solid #aaa;
    color: gray;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.box-decoration-title
{
    padding: 3px;
    font-weight: bold;
    background-color: #F3F3F3;    
    padding-left:5px;
}
.box-decoration-content
{
    padding: 6px 8px;
}
.vertical-list
{
    float: left;
    padding: 3px 5px;
    width: 22%;
}
.vertical-list-title
{
    text-align: center;
    padding: 3px;
    font-weight: bold;
}
.vertical-list ul
{
    margin-top: 5px;
}
.vertical-list ul li
{
    margin-bottom: 6px;
}
.vertical-list.even
{
    background-color: #F3F3F3;
}
.icons-vision
{
    background: url('images/icon-sprite.png') no-repeat;
    width: 24px;
    height: 23px;
    display: block;
    float: left;
    margin-right: 20px;
}
.icon-1
{
    background-position: -4px -5px;
}
.icon-2
{
    background-position: -3px -32px;
}
.icon-3
{
    background-position: -3px -61px;
}
.icon-4
{
    background-position: -3px -89px;
}
.vision-list li
{
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.vision-list li span.perc
{
    margin-right: 3px;
    width: 80px;
    float: left;
}

.horizontal-list li
{
    float: left;
    width: 52px;
    text-align: center;
    margin-bottom: 3px;
}
.horizontal-list li.list-label
{
    width: 100px;
}
ul.horizontal-list
{
    float: left;
    width: 100%;
}
#panel-sensibilidad .horizontal-list li:first-child
{
    width: 30px;
}
#panel-phorias .horizontal-list li
{
    width: 32px;
}
#panel-escalamiento .horizontal-list li
{
    width: 75px;
}